.xxl-box{
    width: 100%;
    .xxl{
        width: 1200px;
        margin: auto;
        background-color: blanchedalmond;
        .xxl .xxl-i{
            width: 1200px;
            height: 100px;
            .xxl .xxl-i img{
                width: 1200px;
                height: 100px;
            }
        }
        .crumbsNav{
            width: 1200px;
            height: 22px;
            background: chartreuse;
            padding-left: 20px;
            box-sizing: border-box;
            margin: 20px 0 ;
            .crumbsNav-s1{
                padding: 0 10px;
                a{
                    color: #000;
                }
            }
            .crumbsNav-s3{
                padding: 0 10px;
                a{
                    color: #000;
                }
            }
            .crumbsNav-s5{
                padding: 0 10px;
                font-size: 16px;
                border: #000 1px solid;
                .crumbsNav-s6{
                    font-size: 12px;
                }
            }
        }
        .selectorBar{
            width: 1200px;
            height: 165px;
            margin-bottom: 20px;
            .selectorBar-1{
                border-bottom: 1px solid #444;
                width: 1200px;
                height: 40px;
                overflow: hidden;
                .selectorBar-1x{
                    width: 1200px;
                    height: 120px;
                    background: burlywood;
                    .selectorBar-1x-left{
                        width: 96px;
                        height: 120px;
                        background: #999;
                        float: left;
                        line-height: 40px;
                        text-align: center;
                    }
                    .selectorBar-1x-center{
                        width: 936px;
                        height: 120px;
                        float: left;
                        ul{
                            list-style: none;
                            width: 936px;
                            height: 120px;
                            li{
                                padding: 0 20px;
                                float: left;
                                line-height: 40px;
                                a{
                                    color: #000;
                                }
                            }
                        }
                    }
                    .selectorBar-1x-right{
                        line-height: 40px;
                        float: right;
                        padding-right: 20px;
                        box-sizing:border-box;
                    }
                }
            }
            .selectorBar-2{
                width: 1200px;
                height: 40px;
                border-bottom: solid 1px #444;
                .selectorBar-2-left{
                    width: 96px;
                    height: 40px;
                    background: #999;
                    float: left;
                    line-height: 40px;
                    text-align: center;

                }
                .selectorBar-2-center{
                    float: left;
                    width: 936px;
                    height: 40px;
                    ul{
                        list-style: none;
                        li{
                            float: left;
                            line-height: 40px;
                            padding:0 20px;
                        }
                    }
                    .ipt{
                        float: left;
                        width: 200px;
                        height: 40px;
                        line-height: 40px;
                        input{
                            width: 50px;
                            height: 18px;
                        }
                        span{
                            margin-left: 5px;
                            border: solid 1px #000;
                            background: #ccc;
                            font-size: 12px;
                            padding: 2px 5px;
                        }
                    }

                }
                .selectorBar-2-right{
                    line-height: 40px;
                    float: right;
                    padding-right: 20px;
                    box-sizing:border-box;
                    
                }
                
            }
        }
        .sortBar{
            width: 1200px;
            height: 29px;
            border-bottom: solid red 2px;
            margin-bottom: 20px;
            .sortBar-left{
                float: left;
                width: 410px;
                height: 28px;
                ul{
                    list-style: none;
                    li{
                        border: 1px solid #aaa;
                        float: left;
                        padding: 3px 8px;
                        border-radius: 5px 5px 0 0 ;
                    }
                    .clr{
                        background: red;
                        color: #fff;
                    }
                }

            }
            .sortBar-center{
                width: 200px;
                height: 28;
                line-height: 28px;
                float: left;
                .sortBar-center-s1{
                    width: 10px;
                    height: 10px;
                    // display: block;
                    margin-top: 10px;
                    float: left;
                    border: 1px solid #333;
                }
                .sortBar-center-s2{
                    color: red;
                    font-size: 14px;
                }

            }
        }

        .container{
            width: 1200px;
            margin-bottom: 20px;
            overflow: hidden;
            .container-left{
                width: 953px;
                // height: 500px;
                background: lightblue;
                float: left;
                .container-left-u{
                    list-style: none;

                    .container-left-l{
                        width: 238px;
                        height: 370px;
                        // background: #aaa;
                        float: left;
                        padding: 16px 17px 0;
                        box-sizing: border-box;
                        .container-left-l-d1{
                            margin-bottom: 10px;
                            a{
                                .container-left-l-d1-i{
                                    width: 200px;
                                    height: 200px;
                                }
                            }
                        }
                        .container-left-l-d2{
                            width: 200px;
                            height: 125px;
                            .container-left-l-d2-d1{
                                .container-left-l-d2-d1-s1{
                                    color: red;
                                    font-size:18px;
                                    line-height:18px;
                                    
                                }
                                .container-left-l-d2-d1-s2{
                                    font-size:12px;
                                    line-height:18px;
                                }
                                .container-left-l-d2-d1-s3{
                                    color: #666;
                                    float: right;

                                }
                            }
                            .container-left-l-d2-p1{
                                height: 24px;
                                line-height:24px;
                                font-size: 16px;
                            }
                            .container-left-l-d2-p2{
                                height: 60px;
                                a{
                                    color: #666;
                                    font-size: 12px;
                                    height: 22px;
                                    line-height:22px;
                                }
                            }
                         
                            .container-left-l-d2-d2{
                                // margin-top: 5px;
                                .container-left-l-d2-d2-s1{
                                    border: 1px solid red;
                                    color: red;
                                    padding: 2px;
                                    font-size: 12px;
                                    border-radius: 3px;
                                    margin-right:10px;
                                }
                                .container-left-l-d2-d2-s2{
                                    border: 1px solid black;
                                    color: black;
                                    padding: 2px;
                                    font-size: 12px;
                                    border-radius: 3px;
                                }

                            }


                        }

                    }
                }

            }
            .container-right{
                width: 230px;
                float: right;
                .container-right-top{
                    width: 228px;
                    height: 54px;
                    background: lightgoldenrodyellow;
                    line-height: 54px;
                    padding-left: 20px;
                    box-sizing: border-box;
                }
                .container-right-bottom{
                    .container-right-bottom-u{
                        list-style: none;
                        width: 228px;
                        padding: 0 15px;
                        border: #aaa 1px solid;
                        .container-right-bottom-l{
                            width: 198px;
                            height: 257px;
                            // background: chartreuse;
                            border-bottom: 1px solid #333;
                            .container-right-bottom-l-t{
                                text-align: center;
                                margin-bottom: 10px;
                                a{
                                    #container-right-bottom-l-i{
                                        width: 158px;
                                        height: 158px;
                                    }
                                }
                            }

                            .container-right-bottom-l-b{
                                padding: 0 10px;
                                box-sizing: border-box;
                                .container-right-bottom-l-b-d1{
                                    #container-right-bottom-l-b-d1-a{
                                        color: black;
                                        line-height: 30px;
                                    }
                                }
                                #container-right-bottom-l-b-s{
                                    font-size: 12px;
                                    color: #888;
                                }
                                .container-right-bottom-l-b-d2{
                                    #container-right-bottom-l-b-d2-s1{
                                        font-size: 20px;
                                        color: red;
                                        
                                    }
                                    #container-right-bottom-l-b-d2-s2{
                                        font-size: 14px;
                                        color: #aaa;
                                    }
                                }

                            }
                        }

                    }
                }
            }
        }
    }
}